<template>
	<slot :controller="controller" :store="store" :model="model">
    <AppForm
		ref="editForm"
        v-bind="$attrs"
		:id="controlID"
		:name="model.codeName"
		:class="classNames"
		:data="store.data"
		>
        <AppAnchor v-if="store.anchorData.length > 0" :controlID="controlID" :anchorData="store.anchorData" />
        <div class="control-content app-control-form__content">
			<AppRow :layoutOpts="{selfLayout: 'TABLE_24COL',}">
				<AppCol
				    noRoot
				    :visible="store.detailModel.microcomponentname.visible"
				    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template v-slot:default="{ slotStyle, slotClass }">
				        <slot name="microcomponentname"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormItem 
				                name="microcomponentname"
				                :slotStyle="slotStyle"
				                :slotClass="slotClass" 
				                :label="$t('DEF.LNAME.MICROCOMPONENTNAME', '微组件名称')"
				                labelPos="LEFT" 
				                :labelWidth="130" 
				                :showLabel="true"
				                :enableAnchor="false" 
				                :rules="store.detailModel.microcomponentname.valueRule"
				                :emptyCaption="false">
				                <div class="form-editor-container">
				                    <slot name="microcomponentnameEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                        <AppInput
				                            v-bind="{ editorType: 'TEXTBOX', }"
				                            type="text"
				                            style=""
				                            name="microcomponentname"
				                            :isDebounce="false"
				                            :disabled="store.detailModel.microcomponentname.disabled"
				                            :value="store.data.microcomponentname"
				                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                        />
				                    </slot>
				                </div>
				            </AppFormItem>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.group1.visible"
				    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template #default="{ slotClass, slotStyle }">
				        <slot name="group1" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormGroup 
				                name="group1"
				                v-show="store.detailModel.group1.visible"
				                :slotClass="slotClass"
				                :slotStyle="slotStyle"
				                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                :title="$t('CONTROL.DEFORM.MICROCOMPONENT.MAIN.GROUPPANEL.GROUP1', '单位选择')"
				                subCaption=""
				                :enableAnchor="false"
				                :showMoreItems="store.detailModel.group1.showMoreItems"
				                :showMoreMode="store.detailModel.group1.showMoreMode"
				                :infoGroupMode="false"
				                :titleBarCloseMode="0"
				                :showCaption="true"
				                :uIActionGroup="store.detailModel.group1.uIActionGroup"
				                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field3.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field3"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field3"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="指定单位及下级单位单选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field3.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field3Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppOrgSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'ORGSELECT', url: '/sysorganizations/${orgid}/suborg/picker', filter: 'srforgid', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            filter="srforgid"
				                                            url="/sysorganizations/${orgid}/suborg/picker"
				                                            :treeCheckable="false"
				                                            :context="store.context"
				                                            style=""
				                                            name="field3"
				                                            :disabled="store.detailModel.field3.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field3"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field1.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field1"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field1"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="指定单位及下级单位多选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field1.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field1Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppOrgSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'ORGMULTIPLE', multiple: true, url: '/sysorganizations/${orgid}/suborg/picker', filter: 'srforgid', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            filter="srforgid"
				                                            url="/sysorganizations/${orgid}/suborg/picker"
				                                            :multiple="true"
				                                            :treeCheckable="true"
				                                            :context="store.context"
				                                            style=""
				                                            name="field1"
				                                            :disabled="store.detailModel.field1.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field1"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field5.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field5"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field5"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="全部单位单选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field5.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field5Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppOrgSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'ALLORGSELECT', url: '/sysorganizations/alls/suborg/picker', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            url="/sysorganizations/alls/suborg/picker"
				                                            :treeCheckable="false"
				                                            :context="store.context"
				                                            style=""
				                                            name="field5"
				                                            :disabled="store.detailModel.field5.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field5"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field7.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field7"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field7"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="全部单位多选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field7.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field7Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppOrgSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'ALLORGMULTIPLE', multiple: true, url: '/sysorganizations/alls/suborg/picker', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            url="/sysorganizations/alls/suborg/picker"
				                                            :multiple="true"
				                                            :treeCheckable="true"
				                                            :context="store.context"
				                                            style=""
				                                            name="field7"
				                                            :disabled="store.detailModel.field7.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field7"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				            </AppFormGroup>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.grouppanel1.visible"
				    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template #default="{ slotClass, slotStyle }">
				        <slot name="grouppanel1" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormGroup 
				                name="grouppanel1"
				                v-show="store.detailModel.grouppanel1.visible"
				                :slotClass="slotClass"
				                :slotStyle="slotStyle"
				                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                title="部门选择"
				                subCaption=""
				                :enableAnchor="false"
				                :showMoreItems="store.detailModel.grouppanel1.showMoreItems"
				                :showMoreMode="store.detailModel.grouppanel1.showMoreMode"
				                :infoGroupMode="false"
				                :titleBarCloseMode="0"
				                :showCaption="true"
				                :uIActionGroup="store.detailModel.grouppanel1.uIActionGroup"
				                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field11.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field11"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field11"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="指定单位及下级单位所有部门单选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field11.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field11Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDepartmentSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'ALLDEPATMENTSELECT', url: '/sysorganizations/${orgid}/suborg/sysdepartments/picker', filter: 'srforgid', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            filter="srforgid"
				                                            url="/sysorganizations/${orgid}/suborg/sysdepartments/picker"
				                                            :treeCheckable="false"
				                                            :context="store.context"
				                                            style=""
				                                            name="field11"
				                                            :disabled="store.detailModel.field11.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field11"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field9.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field9"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field9"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="指定单位及下级单位所有部门多选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field9.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field9Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDepartmentSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'ALLDEPATMENTMULTIPLE', multiple: true, url: '/sysorganizations/${orgid}/suborg/sysdepartments/picker', filter: 'srforgid', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            filter="srforgid"
				                                            url="/sysorganizations/${orgid}/suborg/sysdepartments/picker"
				                                            :multiple="true"
				                                            :treeCheckable="true"
				                                            :context="store.context"
				                                            style=""
				                                            name="field9"
				                                            :disabled="store.detailModel.field9.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field9"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field15.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field15"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field15"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="指定单位部门单选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field15.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field15Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDepartmentSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'DEPATMENTSELECT', url: '/sysorganizations/${orgid}/sysdepartments/picker', filter: 'srforgid', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            filter="srforgid"
				                                            url="/sysorganizations/${orgid}/sysdepartments/picker"
				                                            :treeCheckable="false"
				                                            :context="store.context"
				                                            style=""
				                                            name="field15"
				                                            :disabled="store.detailModel.field15.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field15"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field13.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field13"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field13"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="指定单位部门多选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field13.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field13Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDepartmentSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'DEPATMENTMULTIPLE', multiple: true, url: '/sysorganizations/${orgid}/sysdepartments/picker', filter: 'srforgid', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            filter="srforgid"
				                                            url="/sysorganizations/${orgid}/sysdepartments/picker"
				                                            :multiple="true"
				                                            :treeCheckable="true"
				                                            :context="store.context"
				                                            style=""
				                                            name="field13"
				                                            :disabled="store.detailModel.field13.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field13"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				            </AppFormGroup>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.grouppanel2.visible"
				    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template #default="{ slotClass, slotStyle }">
				        <slot name="grouppanel2" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormGroup 
				                name="grouppanel2"
				                v-show="store.detailModel.grouppanel2.visible"
				                :slotClass="slotClass"
				                :slotStyle="slotStyle"
				                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                title="人员选择"
				                subCaption=""
				                :enableAnchor="false"
				                :showMoreItems="store.detailModel.grouppanel2.showMoreItems"
				                :showMoreMode="store.detailModel.grouppanel2.showMoreMode"
				                :infoGroupMode="false"
				                :titleBarCloseMode="0"
				                :showCaption="true"
				                :uIActionGroup="store.detailModel.grouppanel2.uIActionGroup"
				                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field19.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field19"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field19"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="指定单位人员单选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field19.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field19Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppOrgPersonnelSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'EMPSELECT', multiple: false, url: '/sysorganizations/${selected-orgid}/sysemployees/picker', filter: 'srforgid', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            url="/sysorganizations/${selected-orgid}/sysemployees/picker"
				                                            :multiple="false"
				                                            filter="srforgid"
				                                            valueItem="field20"
				                                            :context="store.context"
				                                            style=""
				                                            name="field19"
				                                            :disabled="store.detailModel.field19.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field19"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field17.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field17"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field17"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="指定单位人员多选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field17.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field17Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppOrgPersonnelSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'EMPMULTIPLE', multiple: true, url: '/sysorganizations/${selected-orgid}/sysemployees/picker', filter: 'srforgid', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            url="/sysorganizations/${selected-orgid}/sysemployees/picker"
				                                            :multiple="true"
				                                            filter="srforgid"
				                                            valueItem="field18"
				                                            :context="store.context"
				                                            style=""
				                                            name="field17"
				                                            :disabled="store.detailModel.field17.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field17"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field23.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field23"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field23"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="指定单位及下级单位人员单选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field23.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field23Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppOrgPersonnelSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'ALLEMPSELECT', multiple: false, url: '/sysorganizations/${selected-orgid}/sysemployees/picker', filter: 'srforgid', treeurl: '/sysorganizations/${orgid}/suborg/picker', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            treeurl="/sysorganizations/${orgid}/suborg/picker"
				                                            url="/sysorganizations/${selected-orgid}/sysemployees/picker"
				                                            :multiple="false"
				                                            filter="srforgid"
				                                            valueItem="field24"
				                                            :context="store.context"
				                                            style=""
				                                            name="field23"
				                                            :disabled="store.detailModel.field23.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field23"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field21.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field21"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field21"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="指定单位及下级单位人员多选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field21.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field21Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppOrgPersonnelSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'ALLEMPMULTIPLE', multiple: true, url: '/sysorganizations/${selected-orgid}/sysemployees/picker', filter: 'srforgid', treeurl: '/sysorganizations/${orgid}/suborg/picker', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            treeurl="/sysorganizations/${orgid}/suborg/picker"
				                                            url="/sysorganizations/${selected-orgid}/sysemployees/picker"
				                                            :multiple="true"
				                                            filter="srforgid"
				                                            valueItem="field22"
				                                            :context="store.context"
				                                            style=""
				                                            name="field21"
				                                            :disabled="store.detailModel.field21.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field21"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field27.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field27"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field27"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="指定部门人员单选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field27.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field27Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDeptPersonnelSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'DEPTPERSONSELECT', multiple: false, url: '/ibzdepartments/{deptId}/emp', filter: 'srfdept', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            url="/ibzdepartments/{deptId}/emp"
				                                            :multiple="false"
				                                            filter="srfdept"
				                                            valueItem="field28"
				                                            :context="store.context"
				                                            style=""
				                                            name="field27"
				                                            :disabled="store.detailModel.field27.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field27"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field25.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field25"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field25"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="指定部门人员多选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field25.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field25Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDeptPersonnelSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'DEPTPERSONMULTIPLE', multiple: true, url: '/ibzdepartments/{deptId}/emp', filter: 'srfsdept', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            url="/ibzdepartments/{deptId}/emp"
				                                            :multiple="true"
				                                            filter="srfsdept"
				                                            valueItem="field26"
				                                            :context="store.context"
				                                            style=""
				                                            name="field25"
				                                            :disabled="store.detailModel.field25.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field25"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field31.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field31"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field31"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="指定部门及下级部门人员单选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field31.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field31Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDeptPersonnelSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'ALLDEPTPERSONSELECT', multiple: false, url: '/ibzdepartments/{deptId}/subemp', filter: 'srfsdept', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            url="/ibzdepartments/{deptId}/subemp"
				                                            :multiple="false"
				                                            filter="srfsdept"
				                                            valueItem="field32"
				                                            :context="store.context"
				                                            style=""
				                                            name="field31"
				                                            :disabled="store.detailModel.field31.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field31"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field29.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field29"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field29"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="指定部门及下级部门人员多选"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field29.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field29Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppDeptPersonnelSelect
				                                            v-bind="{ editorType: 'PICKER', editorStyle: 'ALLDEPTPERSONMULTIPLE', multiple: true, url: '/ibzdepartments/{deptId}/subemp', filter: 'srfsdept', AC: 'TRUE', PICKUPVIEW: 'TRUE' }"
				                                            url="/ibzdepartments/{deptId}/subemp"
				                                            :multiple="true"
				                                            filter="srfsdept"
				                                            valueItem="field30"
				                                            :context="store.context"
				                                            style=""
				                                            name="field29"
				                                            :disabled="store.detailModel.field29.disabled"
				                                            :data="store.data"
				                                            :value="store.data.field29"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				            </AppFormGroup>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.grouppanel3.visible"
				    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template #default="{ slotClass, slotStyle }">
				        <slot name="grouppanel3" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormGroup 
				                name="grouppanel3"
				                v-show="store.detailModel.grouppanel3.visible"
				                :slotClass="slotClass"
				                :slotStyle="slotStyle"
				                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                title="磁盘存储"
				                subCaption=""
				                :enableAnchor="false"
				                :showMoreItems="store.detailModel.grouppanel3.showMoreItems"
				                :showMoreMode="store.detailModel.grouppanel3.showMoreMode"
				                :infoGroupMode="false"
				                :titleBarCloseMode="0"
				                :showCaption="true"
				                :uIActionGroup="store.detailModel.grouppanel3.uIActionGroup"
				                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field33.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field33"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field33"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="磁盘文件"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field33.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field33Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field34.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field34"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field34"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="磁盘图片"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field34.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="field34Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				            </AppFormGroup>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.grouppanel4.visible"
				    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template #default="{ slotClass, slotStyle }">
				        <slot name="grouppanel4" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormGroup 
				                name="grouppanel4"
				                v-show="store.detailModel.grouppanel4.visible"
				                :slotClass="slotClass"
				                :slotStyle="slotStyle"
				                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                title="工作流审批流程图"
				                subCaption=""
				                :enableAnchor="false"
				                :showMoreItems="store.detailModel.grouppanel4.showMoreItems"
				                :showMoreMode="store.detailModel.grouppanel4.showMoreMode"
				                :infoGroupMode="false"
				                :titleBarCloseMode="0"
				                :showCaption="true"
				                :uIActionGroup="store.detailModel.grouppanel4.uIActionGroup"
				                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="表格样式"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitemEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.formitem1.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="formitem1"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="formitem1"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label="时光轴样式"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.formitem1.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="formitem1Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				            </AppFormGroup>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.grouppanel5.visible"
				    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template #default="{ slotClass, slotStyle }">
				        <slot name="grouppanel5" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormGroup 
				                name="grouppanel5"
				                v-show="store.detailModel.grouppanel5.visible"
				                :slotClass="slotClass"
				                :slotStyle="slotStyle"
				                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                title="自定义"
				                subCaption=""
				                :enableAnchor="false"
				                :showMoreItems="store.detailModel.grouppanel5.showMoreItems"
				                :showMoreMode="store.detailModel.grouppanel5.showMoreMode"
				                :infoGroupMode="false"
				                :titleBarCloseMode="0"
				                :showCaption="true"
				                :uIActionGroup="store.detailModel.grouppanel5.uIActionGroup"
				                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.field35.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="field35"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="field35"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                label=""
				                                labelPos="LEFT" 
				                                :labelWidth="0" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.field35.valueRule"
				                                :emptyCaption="true">
				                                <div class="form-editor-container">
				                                    <slot name="field35Editor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				            </AppFormGroup>
				        </slot>
				    </template>
				</AppCol>
			</AppRow>
        </div>
    </AppForm>
	</slot>
</template>
<script setup lang="ts">
// 基于template/src/widgets/{{appEntities}}/{{ctrls@FORM}}-form/{{spinalCase ctrl.codeName}}-form-base.vue.hbs生成

import { Ref } from 'vue';
import { AppAnchor } from '@components/common/anchor';
import { AppCol } from '@/components/common/col';
import { AppRow } from '@/components/common/row';
import { AppForm, AppFormPage, AppFormGroup, AppFormTabPage, AppFormItem, AppFormButton, AppFormDruipart, AppFormIframe, AppFormRaw, AppFormMdCtrl, AppFormMdCtrlRepeater } from '@components/widgets/form';
import { IEvent, EditFormActionType, IEditFormAbility, IEditFormStore, IParam } from '@/core';
import { useProps, useBasic, useAction, useController } from './main-form-hook';

const editForm: Ref = ref(null);

// 输入参数
const props = defineProps(useProps());

// 基础数据
const { controlID, getClassNames, model ,useNavParamsBind, useEventBind, handleActionClick, handleComponentAction } = useBasic(props);

const emit = defineEmits<{
    (event: 'ctrl-action', name: string, action: EditFormActionType, data: IParam[]): void;
    (event: 'ctrl-init', name: string, data: IEditFormAbility): void;
    (event: 'ctrl-destroy', name: string, data: IParam): void;
}>();

const evt = useEventBind(emit);
//  部件样式名
const classNames = computed(() => {
  return getClassNames(props);
});

//  表单控制器
const controller = useController(props, evt, { controlID, editForm });

useNavParamsBind(controller, props);

const store: IEditFormStore = controller.getStore();

const ctrlService = controller.getCtrlService();

onMounted(() => {
    controller.ctrlMounted();
});
onUnmounted(() => {
    controller.ctrlDestroy();
})
</script>